<template>
	<div class="main-wrap">
		<!--标题 -->
		<div class="am-cf am-padding">
			<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">账户余额</strong> / <small>Account&nbsp;Balance</small></div>
		</div>
		<hr>
		<div class="finance">
			<div class="financeText">
				<p>可用余额:<span>¥0.0</span></p>
				<a href="safety">安全中心：保护账户资产安全</a>
			</div>
			<div class="financeTip">
				<img src="../../assets/images/Balance.png">
				<a href="walletlist">查看账户明细</a>
				<p>提示：余额是您在本商城的一个账户，如账户内有款项，下单时可以直接勾选使用，抵消部分总额，方便快捷安全高效。</p>
			</div>
		</div>
	</div>
</template>

<script>
	require('amazeui/dist/js/amazeui.min.js')

	export default {
		name: 'HelloWorld',
		props: {
			msg: String
		},
		mounted() {


		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
	@import url("~@/assets/css/personal.css");
</style>
